<template>
  <!-- <ElCheckbox size="small" :model-value="modelValue"
    @update:model-value="$emit('update:modelValue', $event as boolean)"
    class="var-input-bool" /> -->
  <MyCheckBox :model-value="modelValue"
    @update:model-value="$emit('update:modelValue', $event as boolean)"/>
</template>

<script setup lang="ts">
defineProps<{
  modelValue: boolean
}>()
defineEmits<{
  (e: 'update:modelValue', event: boolean): void,
}>()
</script>

<style lang="scss">
.var-input-bool {
  .el-checkbox__input {
    background: #fff;
    overflow: hidden;
    border-radius: 2px;
  }
}
</style>